<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link data-n-head="true" rel="icon" type="image/x-icon" href="https://www.dickies.com.cn/app/site/statics/favicon.ico">
		<title>Dickies</title>
		<style type="text/css">
			@import url(css/reset.css);
			@import url(css/header.css);
			@import url(css/products.css);
			@import url(css/footer.css);
		</style>
	</head>
	<body>
		<!-- 头部 -->
		<div id="header-top">
			<div class="header-con-top">
				<ul class="top">
					<li>
						<a href="shopping.html">我的购物车<img src="img/gouwuche.png" alt=""><span>0</span></a>
					</li>
					<li>
						<a href="#">在线客服<img src="img/xiaoxi.png" alt=""></a>
					</li>
					<li>
						<a href="#">门店查询</a>
					</li>
					<li class="loginto">
						<a href="Login.html" id="a1">登录</a>/<a href="Register.html" id="a2"> 注册<img src="img/denlu.png" alt=""></a>
					</li>
					<!-- 购物车弹出框 -->
					<ul class="pop">
						购物车中还没有商品赶紧选购吧
						<p class="go">立即选购</p>
					</ul>
				</ul>
			</div>
		</div>
		<div id="header-center">
			<div class="header-con-center">
				<div class="center">
					<div id="onelogo">
						<a href="Home.html"><img src="img/logo.png" alt=""></a>
					</div>
					<ul id="oneul">
						<li id="oneli"><a href="#">全部商品</a></li>
						<li id="oneli"><a href="#">新品</a></li>
						<li class="man" id="oneli">
							<a href="#">男装</a>
							<!-- 二级导航 -->
							<!-- 男装 -->
							<div class="second" id="gentle">
								<div class="second-con">
									<ul class="second-left">
										<li>
											<a href="#">
												<h3>男士上装</h3>
												<p>薄外套</p>
												<p>衬衫</p>
												<p>短袖Polo</p>
												<p>短袖T桖</p>
												<p>卫衣</p>
												<p>羽绒服</p>
												<p>长袖T桖</p>
												<p>长袖衬衫</p>
											</a>
										</li>
										<li>
											<a href="#">
												<h3>男士下装</h3>
												<p>短裤</p>
												<p>连体装</p>
												<p>卫裤</p>
												<p>休闲裤</p>
												<p>长裤</p>
											</a>
										</li>
									</ul>
									<ul class="second-right">
										<li>
											<a href="#"><img src="img/nanzhuang1.jpg" alt="">
												<p>Dickies薄外套</p>
											</a>
										</li>
										<li>
											<a href="#"><img src="img/nanzhuang2.jpg" alt="">
												<p>Dickies下装</p>
											</a>
										</li>
									</ul>
								</div>
							</div>

						</li>
						<li class="woman" id="oneli">
							<a href="#">女装</a>
							<!-- 二级导航 -->
							<!-- 女装 -->
							<div class="second" id="lady">
								<div class="second-con">
									<ul class="second-left">
										<li>
											<a href="#">
												<h3>女士上装</h3>
												<p>薄外套</p>
												<p>衬衫</p>
												<p>短袖Polo</p>
												<p>短袖T桖</p>
												<p>卫衣</p>
												<p>羽绒服</p>
												<p>长袖T桖</p>
												<p>棉服</p>
											</a>
										</li>
										<li>
											<a href="#">
												<h3>女士下装</h3>
												<p>半身裙</p>
												<p>短裤</p>
												<p>连体装</p>
												<p>连衣裙</p>
												<p>卫裤</p>
												<p>休闲裤</p>
												<p>阔腿裤</p>
												<p>长裤</p>
											</a>
										</li>
									</ul>
									<ul class="second-right">
										<li>
											<a href="#"><img src="img/nvzhuang1.jpg" alt="">
												<p>Dickies卫衣</p>
											</a>
										</li>
										<li>
											<a href="#"><img src="img/nvzhuang2.jpg" alt="">
												<p>Dickies下装</p>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li id="oneli"><a href="#">情侣款</a></li>
						<li id="oneli"><a href="#">配件</a></li>
						<li id="oneli"><a href="#">童鞋</a></li>
						<li id="oneli"><a href="#">品牌动态</a></li>
					</ul>
					<span>
						<input type="text" placeholder="搜索Dickies">
					</span>

				</div>
				<ul class="opt">
					<li>热门搜索</li>
					<li>卫衣</li>
					<li>卫裤</li>
					<li>工装裤</li>
				</ul>
			</div>
		</div>
		<div class="top-buttom"></div>
		<!-- 男装会场 -->
		<div id="product">
			<div class="prot-nve">
				<div class="prot-nve-left">
					<div class="nve-left-top">
						<p>首页</p>
						<span>></span>
						<p>全部商品</p>
					</div>
					<div class="nve-left-nan">
						<div class="nve-left-sort">男装</div>
						<div class="nve-nan-cloth">
							<p class="nve-nan-clothP">男士上装
								<div class="nve-jiantou nant">
									<img src="product/shoptopbot.png">
								</div>
							</p>
							<ul class="nve-nan-ulCloth">
								<li>长袖衬衫</li>
								<li>长袖T恤</li>
								<li>羽绒服</li>
								<li>卫衣</li>
								<li>棉服</li>
								<li>短袖T恤</li>
								<li>短袖polo</li>
								<li>衬衫</li>
								<li>薄外套</li>
							</ul>
						</div>
						<div class="nve-nan-pant">
							<p>男士下装
								<div class="nve-jiantou nanb">
									<img src="product/shoptopbot.png">
								</div>
							</p>
							<ul class="nve-nan-ulPant">
								<li>长裤</li>
								<li>休闲裤</li>
								<li>卫裤</li>
								<li>连体裤</li>
								<li>短裤</li>
							</ul>
						</div>
					</div>
					<div class="nve-left-nan">
						<div class="nve-left-sort">女装</div>
						<div class="nve-nv-cloth">
							<p>女士上装
								<div class="nve-jiantou nvt">
									<img src="product/shoptopbot.png">
								</div>
							</p>
							<ul class="nve-nv-ulCloth">
								<li>棉服</li>
								<li>长袖T恤</li>
								<li>羽绒服</li>
								<li>卫衣</li>
								<li>短袖T恤</li>
								<li>短袖polo</li>
								<li>衬衫</li>
								<li>薄外套</li>
							</ul>
						</div>
						<div class="nve-nv-pant">
							<p>女士下装
								<div class="nve-jiantou nvb">
									<img src="product/shoptopbot.png">
								</div>
							</p>
							<ul class="nve-nv-ulPant">
								<li>长裤</li>
								<li>阔腿裤</li>
								<li>休闲裤</li>
								<li>卫裤</li>
								<li>连衣裙</li>
								<li>连体装</li>
								<li>短裤</li>
								<li>半身裙</li>
							</ul>
						</div>
					</div>
					<div class="nve-left-nan">
						<div class="nve-left-sort">配件</div>
						<div class="nve-parts-sort">
							<p>包袋
								<div class="nve-jiantou sortt">
									<img src="product/shoptopbot.png">
								</div>
							</p>
							<ul class="nve-parts-ulSort">
								<li>斜挎包</li>
								<li>双肩包</li>
								<li>单肩包</li>
							</ul>
						</div>
						<div class="nve-parts-other">
							<p>其他
								<div class="nve-jiantou outh">
									<img src="product/shoptopbot.png">
								</div>
							</p>
							<ul class="nve-parts-ulOther">
								<li>其他</li>
							</ul>
						</div>
					</div>
					<div class="nve-left-nan">
						<div class="nve-left-sort">童装</div>
						<div class="nve-parts-child">
							<p>童装
								<div class="nve-jiantou child">
									<img src="product/shoptopbot.png">
								</div>
							</p>
							<ul class="nve-child-ulSort">
								<li>童装</li>
							</ul>
						</div>
					</div>
					<div class="nve-left-nan">
						<div class="nve-left-sort ranget">颜色</div>
					</div>
					<div class="nve-left-nan">
						<div class="nve-left-sort ranget six">尺码
							<div class="nve-jiantou sixjt">
								<img src="product/shoptopbot.png">
							</div>
						</div>
						<ul class="nve-six-ulSort">
							<li>150cm</li>
							<li>110cm</li>
							<li>120cm</li>
							<li>130cm</li>
							<li>140cm</li>
							<li>43</li>
							<li>40</li>
							<li>44</li>
							<li>42</li>
							<li>41</li>
							<li>39</li>
							<li>38</li>
							<li>37</li>
							<li>36</li>
							<li>35</li>
							<li>34</li>
							<li>32</li>
							<li>30</li>
							<li>29</li>
							<li>28</li>
							<li>27</li>
							<li>26</li>
							<li>25</li>
							<li>S</li>
							<li>M</li>
							<li>L</li>
							<li>XL</li>
							<li>XXL</li>
						</ul>
					</div>
					<div class="nve-left-nan">
						<div class="nve-left-sort ranget splice">价格
							<div class="nve-jiantou spljt">
								<img src="product/shoptopbot.png">
							</div>
						</div>
						<ul class="nve-splice-ulSort">
							<li>0-199</li>
							<li>200-299</li>
							<li>300-399</li>
							<li>400-499</li>
							<li>500-599</li>
							<li>600-799</li>
							<li>799以上</li>
						</ul>
					</div>
				</div>
				<div class="prot-nve-right">
					<div class="nve-right-top">
						<div class="right-top-ipt">
							按新品排序
						</div>
						<ul class="right-top-sel">
							<li class="right-top-selli">按新品排序</li>
							<li class="right-top-selli">按价格 从高到低</li>
							<li class="right-top-selli">按价格 从低到高</li>
							<li class="right-top-selli">销量</li>
						</ul>
						<div class="right-top-right">
							<ul class="right-top-rightul">
								<li>1</li>
								<li>2</li>
								<li>3</li>
							</ul>
						</div>
					</div>
					<div class="nve-right-cont">
						<ul>
							<li>
								<img src="product/proright01.jpg">
								<p>Dickies男士印花连帽卫衣</p>
								<div class="right-cont-splic">
									<span>DK008721</span>
									<span>¥499.00</span>
								</div>
							</li>
							<li>
								<img src="product/proright02.jpg">
								<p>Dickies左胸logo印花立领羽绒夹克</p>
								<div class="right-cont-splic">
									<span>DK008015</span>
									<span>¥1599.00</span>
								</div>
							</li>
							<li>
								<img src="product/proright03.jpg">
								<p>Dickies迷彩面料拼接拉链连帽夹克</p>
								<div class="right-cont-splic">
									<span>DK008005</span>
									<span>¥1169.10</span>
								</div>
							</li>
							<li>
								<img src="product/proright04.jpg">
								<p>Dickies情侣款印花抽绳卫裤</p>
								<div class="right-cont-splic">
									<span>DK007066</span>
									<span>¥286.10</span>
								</div>
							</li>
							<li>
								<img src="product/proright05.jpg">
								<p>Dickies 腰部橡筋休闲裤</p>
								<div class="right-cont-splic">
									<span>DK008062</span>
									<span>¥499.00</span>
								</div>
							</li>
							<li>
								<img src="product/proright06.jpg">
								<p>Dickies撞色拼接连帽长款羽绒夹克</p>
								<div class="right-cont-splic">
									<span>DK008140</span>
									<span>¥999.00</span>
								</div>
							</li>
							<li>
								<img src="product/proright07.jpg">
								<p>Dickies男士绣花连帽卫衣</p>
								<div class="right-cont-splic">
									<span>DK008720</span>
									<span>¥499.00</span>
								</div>
							</li>
							<li>
								<img src="product/proright08.jpg">
								<p>Dickies迷彩面料拼接印花羽绒夹克</p>
								<div class="right-cont-splic">
									<span>DK008141</span>
									<span>¥799.00</span>
								</div>
							</li>
							<li>
								<img src="product/proright09.jpg">
								<p>Dickies明线撞色压线工装长裤</p>
								<div class="right-cont-splic">
									<span>DK006898</span>
									<span>¥498.00</span>
								</div>
							</li>
							<li>
								<img src="product/proright10.jpg">
								<p>Dickies女式大logo印花卫衣</p>
								<div class="right-cont-splic">
									<span>DK008809</span>
									<span>¥459.00</span>
								</div>
							</li>
							<li>
								<img src="product/proright11.jpg">
								<p>Dickies女式罗纹脚口慢跑裤</p>
								<div class="right-cont-splic">
									<span>DK008831</span>
									<span>¥599.00</span>
								</div>
							</li>
							<li>
								<img src="product/proright12.jpg">
								<p>Dickies明线装饰工装外套</p>
								<div class="right-cont-splic">
									<span>DK008706</span>
									<span>¥899.00</span>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- 尾部 -->
		<div class="end">
			<div class="end-con">
				<h2><img src="img/logo.png" alt=""></h2>
				<ul>
					<li>
						<p>在线客服<img src="img/xiaoxihong.png" alt=""></p>
						<p>在线时间09:00-22:00</p>
					</li>
					<li>
						<p>官方商城</p>
						<p>全部商品</p>
						<p>新品</p>
						<p>男装</p>
						<p>女装</p>
						<p>鞋类</p>
					</li>
					<li>
						<p>关于Dickies</p>
						<p>品牌故事</p>
						<p>品牌动态</p>
					</li>
					<li>
						<p>客户服务</p>
						<p>订购流程</p>
						<p>如何注册</p>
						<p>常见问题</p>
						<p>联系我们</p>
					</li>
					<li>
						<p>关注我们</p>
						<p>
							<img src="img/weibo.png" alt="">
							<img src="img/weixin.png" alt="">
						</p>
					</li>
				</ul>
			</div>

		</div>
		<div class="last">
			<p>
				<span>沪ICP备18048101号 ©2019 Williamson-Dickie Mfg. Co., LLC. Quality Workwear Since 1922</span>
				<span>隐私政策 安全政策</span>
			</p>
		</div>

		<!-- 侧边栏 -->
		<ul class="sider">
			<li><img src="img/xiaoxi.png" alt="">
				<p>在线客服</p>
			</li>
			<li><img src="img/xiaoxi.png" alt="">
				<p>常见问题</p>
			</li>
			<li><img src="img/left.png" alt=""></li>
		</ul>

	</body>
</html>
<script src="js/jQuery.js"></script>
<script src="js/header.js"></script>
<script src="js/home.js"></script>
<script src="js/footer.js"></script>
<script src="js/products.js"></script>
